<script src="__CDN__/assets/libs/jquery/dist/jquery.min.js"></script>
<div id="loadimg" style="display:none;background-color: #333333;text-align: center;width: 100%;z-index: 999999;position: fixed;opacity: 0.5;top: 0;bottom: 0;left: 0;right: 0;"><img style="vertical-align: middle;margin-top: 15rem;" width="300px" src="__PUBLIC__assets/img/loading.gif" alt=""></div>
<div id="aler" style="display:none;background-color: rgba(51, 51, 51,0.5);text-align: center;width: 100%;z-index: 999;position: fixed;top: 0;bottom: 0;left: 0;right: 0;">
    <div style="vertical-align: middle;width: 38rem;height: 22rem;background-color: #ffffff;margin: 20rem auto;border-radius:3%;">
        <span style="float: right;margin-right: 1rem;margin-top: 1rem;cursor: pointer;" id="dell">
            <img src="__PUBLIC__assets/img/del.png" alt="" width="30px">
        </span>
        <div style="padding-top: 6rem;">生成数量：<input type="text" name="" value="0" id="shu" /></div>
        <div class="btna" style="padding-top: 3rem;">
            <button id="submm" style="width: 11rem;margin-left: 1rem;">随机生成题库</button>
        </div>
    </div>
</div>
<div class="all" id="app">
    <div class="left">
        <div class="item-s">
            <select name="" id="sel1">
                <option value="">--请选择--</option>
                {volist name="list" id="vo"}
                <option value="{$vo.id}" {if $vo.id eq $categoryList.parent_id1 }selected{/if}>{$vo.name}</option>
                {/volist}
            </select>
            <select name="" id="sel12">
                <option value="">--请选择--</option>
                {volist name="categoryList.parent_list2" id="vo2"}
                <option value="{$vo2.id}" {if $vo2.id eq $categoryList.parent_id2 }selected{/if}>{$vo2.name}</option>
                {/volist}
            </select>
            <select name="" id="sel13">
                <option value="">--请选择--</option>
                {volist name="categoryList.parent_list3" id="vo3"}
                <option value="{$vo3.id}" {if $vo3.id eq $categoryList.parent_id3 }selected{/if}>{$vo3.name}</option>
                {/volist}
            </select>
        </div>
        <div class="item-x9" id="item-x9">
            <p id="loading9" style="display: none;">正常努力加载中……</p>
        </div>
        <div class="item-x" id="item-x" style="display: none;">
            <p id="loading" style="display: none;">正常努力加载中……</p>
        </div>
    </div>
    <div class="moddle">
        <div class="item-m">
            <div class="wenzi">样题&nbsp;&nbsp;&nbsp;&nbsp;编号：<span id="q_id"></span><span style="display: none;float: right;color: red;cursor: pointer;" id="del" data-id="">删除</span></div>
            <text id="text1"></text>
            <text id="text2"></text>
            <text id="text3">习题数量：<span id="num"></span></text>
            <div class="timu" id="ques">
                <div class="loading2" style="display: none;">正常努力加载中……</div>
                <iframe id="myFrame" src="" style="width: 50rem;height: 73rem;"></iframe>
            </div>
            <div class="btna" style="margin-top: -2rem">
                <button id="prev" style="margin-left: 1rem;">上一题</button><button id="suiji" style="margin-left: 4rem">随机</button><button id="next" style="margin-left: 4rem">下一题</button>
            </div>
        </div>
    </div>
    <div class="right">
        <div class="two">
            <div class="two-item-o">简介</div>
            <div class="two-item-t"><textarea name="describe" id="describe" cols="38" rows="6"></textarea></div>
        </div>
        <div class="two" style="height: 27rem;">
            <div class="two-item-o">拓展链接</div>
            <div class="two-item-t" style="margin-left: 0.6rem;">名称:<input name="other_name" id="other_name" style="width:88%" /></div>
            <div class="two-item-t" style="margin-left: 0.6rem;">链接:<input name="other_url" id="other_url" style="width:88%" /></div>
            <div class="two-item-t" style="margin-left: 0.6rem;">名称:<input name="other_name2" id="other_name2" style="width:88%" /></div>
            <div class="two-item-t" style="margin-left: 0.6rem;">链接:<input name="other_url2" id="other_url2" style="width:88%" /></div>
            <div class="two-item-t" style="margin-left: 0.6rem;">名称:<input name="other_name3" id="other_name3" style="width:88%" /></div>
            <div class="two-item-t" style="margin-left: 0.6rem;">链接:<input name="other_url3" id="other_url3" style="width:88%" /></div>
        </div>
        <button id="subb" style="margin: 1rem 1rem;">保存</button>
        <!--<div class="four">
            <div class="th-item-f">生成题库</div>
            <div class="f-i-o">
                <div class="o-o">习题数量</div>
                <div class="o-t" id="num">0</div>
            </div>
            <div class="f-i-o">
                <div class="o-o">起始编号</div>
                <input class="o-t-f" type="number" name="start_num" value="1" oninput="if(value<1)value=1" >
            </div>
            <div class="f-i-o">
                <div class="o-o">终止编号</div>
                <input class="o-t-f" type="number" name="end_num" value="10" oninput="if(value<1)value=1" >
            </div>
            <div class="f-i-o">
                <div class="o-o">选择题库</div>
                <div class="o-t-s">
                    <select name="" id="sel2">
                        <option value="">&#45;&#45;请选择&#45;&#45;</option>
                        {volist name="tklist" id="vo"}
                        <option value="{$vo.id}">{$vo.name}</option>
                        {/volist}
                    </select>
                </div>
            </div>

            <div class="btna">
                <button id="subm" style="margin-left: 2rem;width: 11rem;">随机生成题库</button>
                <button id="sub">生成题库</button>
            </div>
        </div>-->
    </div>
</div>

<script>
    var ids = [];
    var total = 0;
    var categoryId3 = "<?php echo $categoryList['parent_id3']??0;?>";
    if (categoryId3>0) {
        changeSel13(categoryId3);
    }

    $('#sel1').change(function(){
        ids = [];
        total = 0;
        var cid = $(this).val();
        $('#loading').show();
        $('#del').hide();
        var hhtml = `<option value="">--请选择--</option>`;
        $('#sel12').html(hhtml);
        $('#sel13').html(hhtml);
        $('#item-x9').html('');
        $.ajax({
            url:"exam/question/get_question",
            method: 'post',
            data: { 'cid': cid },
            success:function(data) {

                $(".loading").hide();
                if (data.code == 101)
                {
                    var html = `<p>暂无数据</p>`;
                    $('#item-x').html(html);
                    $('#num').html(data.num);
                    $('#describe').val('');
                    $('#other_url').val('');
                    $('#other_url2').val('');
                    $('#other_url3').val('');
                    $('#other_name').val('');
                    $('#other_name2').val('');
                    $('#other_name3').val('');
                    $('#text1').html('');
                    $('#text2').html('');
                    $("#myFrame").attr("src","");
                    if(data.list != [])
                    {
                        var html2 = '';
                        var list2 = data.list;
                        for (var j = 0; j < list2.length; j++)
                        {
                            html2 += `<option value="` + list2[j].id + `">` + list2[j].name + `</option>`;
                        }

                        $('#sel12').append(html2);
                    }
                }
                else if (data.code == 100)
                {
                    var list = data.data;
                    $('#item-x').html('');
                    // console.log(list);
                    var html = `<div><ul>`;
                    for (var i = 0; i < list.length; i++)
                    {
                        ids[i] = list[i].id;
                        html += `<li data-id="` + list[i].id + `"> ` + list[i].name + `</li>`;
                    }
                    html += `</ul></div>`;
                    // console.log(html);
                    $('#item-x').html(html);
                    $('#num').html(data.num);
                    total = data.num;
                    $('#describe').val('');
                    $('#other_url').val('');
                    $('#other_url2').val('');
                    $('#other_url3').val('');
                    $('#other_name').val('');
                    $('#other_name2').val('');
                    $('#other_name3').val('');
                    $('#text1').html('');
                    $('#text2').html('');
                    $("#myFrame").attr("src","");
                    if(data.list != [])
                    {
                        var html2 = '';
                        var list2 = data.list;
                        for (var j = 0; j < list2.length; j++)
                        {
                            html2 += `<option value="` + list2[j].id + `">` + list2[j].name + `</option>`;
                        }

                        $('#sel12').append(html2);
                    }
                    $('.item-x ul li').click(function () {
                        // console.log($(this).prev().length);
                        if($(this).prev().length == 0)
                        {
                            $('#prev').attr('disabled',true);
                            $('#prev').css('color','#ccc');
                        }
                        else
                        {
                            $('#prev').attr('disabled',false);
                            $('#prev').css('color','#000');
                        }
                        if($(this).next().length == 0)
                        {
                            $('#next').attr('disabled',true);
                            $('#next').css('color','#ccc');
                        }
                        else
                        {
                            $('#next').attr('disabled',false);
                            $('#next').css('color','#000');
                        }
                        $(this).parent().children().css('background-color','#ffffff');
                        $(this).css('background-color','#cccccc');
                        var qid = $(this).attr('data-id');
                        $('.loading2').show();
                        $('#del').attr('data-id',qid);
                        $('#describe').val('正常努力加载中……');
                        $('#other_url').val('正常努力加载中……');
                        $('#other_url2').val('正常努力加载中……');
                        $('#other_url3').val('正常努力加载中……');
                        $('#other_name').val('正常努力加载中……');
                        $('#other_name2').val('正常努力加载中……');
                        $('#other_name3').val('正常努力加载中……');
                        $.ajax({
                            url:"exam/question/get_view",
                            method: 'post',
                            data: { 'qid': qid },
                            success:function(data) {
                                // console.log(data);
                                if(data.code == 100)
                                {
                                    $('.loading2').hide();
                                    $('#describe').val(data.data.describe);
                                    $('#other_url').val(data.data.other_url);
                                    $('#other_url2').val(data.data.other_url2);
                                    $('#other_url3').val(data.data.other_url3);
                                    $('#other_name').val(data.data.other_name);
                                    $('#other_name2').val(data.data.other_name2);
                                    $('#other_name3').val(data.data.other_name3);
                                    $('#text1').html(data.data.kind);
                                    $('#text2').html(data.data.difficulty);
                                    $('#q_id').html(data.data.id);
                                    $('#del').show();
                                    $("#myFrame").attr("src", "get_views/ids/" + data.data.id);
                                }
                            },
                            error: function(err) {
                                console.log("失败了: " + err);
                            }
                        });
                    });
                    $(".item-x ul li").eq(0).click();
                    
                }
            },
            error: function(err) {
                console.log("失败了: " + err);
            }
        });
        // console.log(ids);
    });
    $('#prev').click(function () {
        var module = $(".item-x ul li");
        // console.log(module);
        var n = 0;
        var del_id = $('#del').attr('data-id');
        for(var i = 0; i < module.length; i++)
        {
            var moattr = module[i].attributes["data-id"];
            // console.log(moattr.value);
            if(del_id == moattr.value)
            {
                n = i;
            }
        }
        var m = n - 1;
        if(m < 0)
        {
            return;
        }
        $(".item-x ul li").eq(m).click();
    });
    $('#next').click(function () {
        var module = $(".item-x ul li");
        // console.log(module);
        var n = 0;
        var del_id = $('#del').attr('data-id');
        for(var i = 0; i < module.length; i++)
        {
            var moattr = module[i].attributes["data-id"];
            // console.log(moattr.value);
            if(del_id == moattr.value)
            {
                n = i;
            }
        }
        var m = n + 1;
        $(".item-x ul li").eq(m).click();
    });
    $('#suiji').click(function () {
        var a = $(".item-x ul li").length;
        var x = 1,y = a;
        var num = Math.round(Math.random()*(y-x)+x) - 1;
        // alert(num);
        $(".item-x ul li").eq(num).click();
    });

    $('#sel12').change(function(){
        ids = [];
        total = 0;
        var cid = $(this).val();
        $('#loading').show();
        $('#del').hide();
        var hhtml = `<option value="">--请选择--</option>`;
        $('#sel13').html(hhtml);
        $('#item-x9').html('');
        $.ajax({
            url:"exam/question/get_question",
            method: 'post',
            data: { 'cid': cid },
            success:function(data) {

                $(".loading").hide();
                if (data.code == 101)
                {
                    var html = `<p>暂无数据</p>`;
                    $('#item-x').html(html);
                    $('#num').html(data.num);
                    $('#describe').val('');
                    $('#other_url').val('');
                    $('#other_url2').val('');
                    $('#other_url3').val('');
                    $('#other_name').val('');
                    $('#other_name2').val('');
                    $('#other_name3').val('');
                    $('#text1').html('');
                    $('#text2').html('');
                    $("#myFrame").attr("src","");
                    if(data.list != [])
                    {
                        var html2 = '';
                        var list2 = data.list;
                        for (var j = 0; j < list2.length; j++)
                        {
                            html2 += `<option value="` + list2[j].id + `">` + list2[j].name + `</option>`;
                        }

                        $('#sel13').append(html2);
                    }
                }
                else if (data.code == 100)
                {
                    var list = data.data;
                    $('#item-x').html('');
                    console.log(list);
                    var html = `<div><ul>`;
                    for (var i = 0; i < list.length; i++)
                    {
                        ids[i] = list[i].id;
                        html += `<li data-id="` + list[i].id + `"> ` + list[i].name + `</li>`;
                    }
                    html += `</ul></div>`;
                    // console.log(html);
                    $('#item-x').html(html);
                    $('#num').html(data.num);
                    total = data.num;
                    $('#describe').val('');
                    $('#other_url').val('');
                    $('#other_url2').val('');
                    $('#other_url3').val('');
                    $('#other_name').val('');
                    $('#other_name2').val('');
                    $('#other_name3').val('');
                    $('#text1').html('');
                    $('#text2').html('');
                    $("#myFrame").attr("src","");
                    if(data.list != [])
                    {
                        var html2 = '';
                        var list2 = data.list;
                        for (var j = 0; j < list2.length; j++)
                        {
                            html2 += `<option value="` + list2[j].id + `">` + list2[j].name + `</option>`;
                        }

                        $('#sel13').append(html2);
                    }
                    $('.item-x ul li').click(function () {
                        if($(this).prev().length == 0)
                        {
                            $('#prev').attr('disabled',true);
                            $('#prev').css('color','#ccc');
                        }
                        else
                        {
                            $('#prev').attr('disabled',false);
                            $('#prev').css('color','#000');
                        }
                        if($(this).next().length == 0)
                        {
                            $('#next').attr('disabled',true);
                            $('#next').css('color','#ccc');
                        }
                        else
                        {
                            $('#next').attr('disabled',false);
                            $('#next').css('color','#000');
                        }
                        $(this).parent().children().css('background-color','#ffffff');
                        $(this).css('background-color','#cccccc');
                        var qid = $(this).attr('data-id');
                        $('.loading2').show();
                        $('#del').attr('data-id',qid);
                        $('#describe').val('正常努力加载中……');
                        $('#other_url').val('正常努力加载中……');
                        $('#other_url2').val('正常努力加载中……');
                        $('#other_url3').val('正常努力加载中……');
                        $('#other_name').val('正常努力加载中……');
                        $('#other_name2').val('正常努力加载中……');
                        $('#other_name3').val('正常努力加载中……');
                        $.ajax({
                            url:"exam/question/get_view",
                            method: 'post',
                            data: { 'qid': qid },
                            success:function(data) {
                                // console.log(data);
                                if(data.code == 100)
                                {
                                    $('.loading2').hide();
                                    $('#describe').val(data.data.describe);
                                    $('#other_url').val(data.data.other_url);
                                    $('#other_url2').val(data.data.other_url2);
                                    $('#other_url3').val(data.data.other_url3);
                                    $('#other_name').val(data.data.other_name);
                                    $('#other_name2').val(data.data.other_name2);
                                    $('#other_name3').val(data.data.other_name3);
                                    $('#text1').html(data.data.kind);
                                    $('#text2').html(data.data.difficulty);
                                    $('#q_id').html(data.data.id);
                                    $('#del').show();
                                    $("#myFrame").attr("src", "get_views/ids/" + data.data.id);
                                }
                            },
                            error: function(err) {
                                console.log("失败了: " + err);
                            }
                        });
                    });
                    $(".item-x ul li").eq(0).click();
                }
            },
            error: function(err) {
                console.log("失败了: " + err);
            }
        });
        // console.log(ids);
    });


    $('#sel13').change(function(){
        ids = [];
        total = 0;
        var cid = $(this).val();
        $('#loading').show();
        $('#loading9').show();
        $('#del').hide();
        changeSel13(cid);
        // console.log(ids);
    });

    function changeSel13(cid) {
        $.ajax({
            url:"exam/question/get_question",
            method: 'post',
            data: { 'cid': cid },
            success:function(data) {
                // console.log(data);
                $(".loading").hide();
                $(".loading9").hide();
                if (data.code == 101)
                {
                    var html = `<p>暂无数据</p>`;
                    $('#item-x').html(html);
                    $('#num').html(data.num);
                    $('#describe').val('');
                    $('#other_url').val('');
                    $('#other_url2').val('');
                    $('#other_url3').val('');
                    $('#other_name').val('');
                    $('#other_name2').val('');
                    $('#other_name3').val('');
                    $('#text1').html('');
                    $('#text2').html('');
                    $("#myFrame").attr("src","");
                    if(data.list != [])
                    {
                        var cate = data.list;
                        console.log(cate);
                        $('#item-x9').html('');
                        var html9 = `<div><ul>`;
                        for (var i = 0; i < cate.length; i++)
                        {
                            ids[i] = cate[i].id;
                            html9 += `<li data-id="` + cate[i].id + `"> ` + cate[i].name + `</li>`;
                        }
                        html9 += `</ul></div>`;
                        $('#item-x9').html(html9);
                    }
                    $('.item-x9 ul li').click(function () {
                        var cid = $(this).attr('data-id');
                        $(this).parent().children().css('background-color','#ffffff');
                        $(this).css('background-color','#cccccc');
                        $.ajax({
                            url:"exam/question/get_question",
                            method: 'post',
                            data: { 'cid': cid },
                            success:function(data) {

                                if (data.code == 101)
                                {
                                    var html = `<p>暂无数据</p>`;
                                    $('#item-x').html(html);
                                    $('#num').html(data.num);
                                    $('#describe').val('');
                                    $('#other_url').val('');
                                    $('#other_url2').val('');
                                    $('#other_url3').val('');
                                    $('#other_name').val('');
                                    $('#other_name2').val('');
                                    $('#other_name3').val('');
                                    $('#text1').html('');
                                    $('#text2').html('');
                                    $("#myFrame").attr("src","");

                                }
                                else if (data.code == 100)
                                {
                                    var list = data.data;
                                    $('#item-x').html('');
                                    // console.log(list);
                                    var html = `<div><ul>`;
                                    for (var i = 0; i < list.length; i++)
                                    {
                                        ids[i] = list[i].id;
                                        html += `<li data-id="` + list[i].id + `"> ` + list[i].name + `</li>`;
                                    }
                                    html += `</ul></div>`;
                                    // console.log(html);
                                    $('#item-x').html(html);
                                    $('#num').html(data.num);
                                    total = data.num;
                                    $('#describe').val('');
                                    $('#other_url').val('');
                                    $('#other_url2').val('');
                                    $('#other_url3').val('');
                                    $('#other_name').val('');
                                    $('#other_name2').val('');
                                    $('#other_name3').val('');
                                    $('#text1').html('');
                                    $('#text2').html('');
                                    $("#myFrame").attr("src","");
                                    $('.item-x ul li').click(function () {
                                        if($(this).prev().length == 0)
                                        {
                                            $('#prev').attr('disabled',true);
                                            $('#prev').css('color','#ccc');
                                        }
                                        else
                                        {
                                            $('#prev').attr('disabled',false);
                                            $('#prev').css('color','#000');
                                        }
                                        if($(this).next().length == 0)
                                        {
                                            $('#next').attr('disabled',true);
                                            $('#next').css('color','#ccc');
                                        }
                                        else
                                        {
                                            $('#next').attr('disabled',false);
                                            $('#next').css('color','#000');
                                        }
                                        $(this).parent().children().css('background-color','#ffffff');
                                        $(this).css('background-color','#cccccc');
                                        var qid = $(this).attr('data-id');
                                        $('.loading2').show();
                                        $('#del').attr('data-id',qid);
                                        $('#describe').val('正常努力加载中……');
                                        $('#other_url').val('正常努力加载中……');
                                        $('#other_url2').val('正常努力加载中……');
                                        $('#other_url3').val('正常努力加载中……');
                                        $('#other_name').val('正常努力加载中……');
                                        $('#other_name2').val('正常努力加载中……');
                                        $('#other_name3').val('正常努力加载中……');
                                        $.ajax({
                                            url:"exam/question/get_view",
                                            method: 'post',
                                            data: { 'qid': qid },
                                            success:function(data) {
                                                // console.log(data);
                                                if(data.code == 100)
                                                {
                                                    $('.loading2').hide();
                                                    $('#describe').val(data.data.describe);
                                                    $('#other_url').val(data.data.other_url);
                                                    $('#other_url2').val(data.data.other_url2);
                                                    $('#other_url3').val(data.data.other_url3);
                                                    $('#other_name').val(data.data.other_name);
                                                    $('#other_name2').val(data.data.other_name2);
                                                    $('#other_name3').val(data.data.other_name3);
                                                    $('#text1').html(data.data.kind);
                                                    $('#text2').html(data.data.difficulty);
                                                    $('#q_id').html(data.data.id);
                                                    $('#del').show();
                                                    $("#myFrame").attr("src", "get_views/ids/" + data.data.id);
                                                }
                                            },
                                            error: function(err) {
                                                console.log("失败了: " + err);
                                            }
                                        });
                                    });
                                    $(".item-x ul li").eq(0).click();

                                }
                            },
                            error: function(err) {
                                console.log("失败了: " + err);
                            }
                        });
                    });

                }
                else if (data.code == 100)
                {
                    var cate = data.list;
                    // console.log(cate);
                    $('#item-x9').html('');
                    var html9 = `<div><ul>`;
                    for (var i = 0; i < cate.length; i++)
                    {
                        ids[i] = cate[i].id;
                        html9 += `<li data-id="` + cate[i].id + `"> ` + cate[i].name + `</li>`;
                    }
                    html9 += `</ul></div>`;
                    $('#item-x9').html(html9);

                    var list = data.data;
                    $('#item-x').html('');
                    // console.log(list);
                    var html = `<div><ul>`;
                    for (var i = 0; i < list.length; i++)
                    {
                        ids[i] = list[i].id;
                        html += `<li data-id="` + list[i].id + `"> ` + list[i].name + `</li>`;
                    }
                    html += `</ul></div>`;
                    // console.log(html);
                    $('#item-x').html(html);
                    $('#num').html(data.num);
                    total = data.num;
                    $('#describe').val('');
                    $('#other_url').val('');
                    $('#other_url2').val('');
                    $('#other_url3').val('');
                    $('#other_name').val('');
                    $('#other_name2').val('');
                    $('#other_name3').val('');
                    $('#text1').html('');
                    $('#text2').html('');
                    $("#myFrame").attr("src","");
                    $('.item-x ul li').click(function () {
                        if($(this).prev().length == 0)
                        {
                            $('#prev').attr('disabled',true);
                            $('#prev').css('color','#ccc');
                        }
                        else
                        {
                            $('#prev').attr('disabled',false);
                            $('#prev').css('color','#000');
                        }
                        if($(this).next().length == 0)
                        {
                            $('#next').attr('disabled',true);
                            $('#next').css('color','#ccc');
                        }
                        else
                        {
                            $('#next').attr('disabled',false);
                            $('#next').css('color','#000');
                        }
                        $(this).parent().children().css('background-color','#ffffff');
                        $(this).css('background-color','#cccccc');
                        var qid = $(this).attr('data-id');
                        $('.loading2').show();
                        $('#del').attr('data-id',qid);
                        $('#describe').val('正常努力加载中……');
                        $('#other_url').val('正常努力加载中……');
                        $('#other_url2').val('正常努力加载中……');
                        $('#other_url3').val('正常努力加载中……');
                        $('#other_name').val('正常努力加载中……');
                        $('#other_name2').val('正常努力加载中……');
                        $('#other_name3').val('正常努力加载中……');
                        $.ajax({
                            url:"exam/question/get_view",
                            method: 'post',
                            data: { 'qid': qid },
                            success:function(data) {
                                // console.log(data);
                                if(data.code == 100)
                                {
                                    $('.loading2').hide();
                                    $('#describe').val(data.data.describe);
                                    $('#other_url').val(data.data.other_url);
                                    $('#other_url2').val(data.data.other_url2);
                                    $('#other_url3').val(data.data.other_url3);
                                    $('#other_name').val(data.data.other_name);
                                    $('#other_name2').val(data.data.other_name2);
                                    $('#other_name3').val(data.data.other_name3);
                                    $('#text1').html(data.data.kind);
                                    $('#text2').html(data.data.difficulty);
                                    $('#q_id').html(data.data.id);
                                    $('#del').show();
                                    $("#myFrame").attr("src", "get_views/ids/" + data.data.id);
                                }
                            },
                            error: function(err) {
                                console.log("失败了: " + err);
                            }
                        });
                    });
                    $(".item-x ul li").eq(0).click();

                    $('.item-x9 ul li').click(function () {
                        var cid = $(this).attr('data-id');
                        $(this).parent().children().css('background-color','#ffffff');
                        $(this).css('background-color','#cccccc');
                        $.ajax({
                            url:"exam/question/get_question",
                            method: 'post',
                            data: { 'cid': cid },
                            success:function(data) {

                                if (data.code == 101)
                                {
                                    var html = `<p>暂无数据</p>`;
                                    $('#item-x').html(html);
                                    $('#num').html(data.num);
                                    $('#describe').val('');
                                    $('#other_url').val('');
                                    $('#other_url2').val('');
                                    $('#other_url3').val('');
                                    $('#other_name').val('');
                                    $('#other_name2').val('');
                                    $('#other_name3').val('');
                                    $('#text1').html('');
                                    $('#text2').html('');
                                    $("#myFrame").attr("src","");

                                }
                                else if (data.code == 100)
                                {
                                    var list = data.data;
                                    $('#item-x').html('');
                                    // console.log(list);
                                    var html = `<div><ul>`;
                                    for (var i = 0; i < list.length; i++)
                                    {
                                        ids[i] = list[i].id;
                                        html += `<li data-id="` + list[i].id + `"> ` + list[i].name + `</li>`;
                                    }
                                    html += `</ul></div>`;
                                    // console.log(html);
                                    $('#item-x').html(html);
                                    $('#num').html(data.num);
                                    total = data.num;
                                    $('#describe').val('');
                                    $('#other_url').val('');
                                    $('#other_url2').val('');
                                    $('#other_url3').val('');
                                    $('#other_name').val('');
                                    $('#other_name2').val('');
                                    $('#other_name3').val('');
                                    $('#text1').html('');
                                    $('#text2').html('');
                                    $("#myFrame").attr("src","");
                                    $('.item-x ul li').click(function () {
                                        if($(this).prev().length == 0)
                                        {
                                            $('#prev').attr('disabled',true);
                                            $('#prev').css('color','#ccc');
                                        }
                                        else
                                        {
                                            $('#prev').attr('disabled',false);
                                            $('#prev').css('color','#000');
                                        }
                                        if($(this).next().length == 0)
                                        {
                                            $('#next').attr('disabled',true);
                                            $('#next').css('color','#ccc');
                                        }
                                        else
                                        {
                                            $('#next').attr('disabled',false);
                                            $('#next').css('color','#000');
                                        }
                                        $(this).parent().children().css('background-color','#ffffff');
                                        $(this).css('background-color','#cccccc');
                                        var qid = $(this).attr('data-id');
                                        $('.loading2').show();
                                        $('#del').attr('data-id',qid);
                                        $('#describe').val('正常努力加载中……');
                                        $('#other_url').val('正常努力加载中……');
                                        $('#other_url2').val('正常努力加载中……');
                                        $('#other_url3').val('正常努力加载中……');
                                        $('#other_name').val('正常努力加载中……');
                                        $('#other_name2').val('正常努力加载中……');
                                        $('#other_name3').val('正常努力加载中……');
                                        $.ajax({
                                            url:"exam/question/get_view",
                                            method: 'post',
                                            data: { 'qid': qid },
                                            success:function(data) {
                                                // console.log(data);
                                                if(data.code == 100)
                                                {
                                                    $('.loading2').hide();
                                                    $('#describe').val(data.data.describe);
                                                    $('#other_url').val(data.data.other_url);
                                                    $('#other_url2').val(data.data.other_url2);
                                                    $('#other_url3').val(data.data.other_url3);
                                                    $('#other_name').val(data.data.other_name);
                                                    $('#other_name2').val(data.data.other_name2);
                                                    $('#other_name3').val(data.data.other_name3);
                                                    $('#text1').html(data.data.kind);
                                                    $('#text2').html(data.data.difficulty);
                                                    $('#q_id').html(data.data.id);
                                                    $('#del').show();
                                                    $("#myFrame").attr("src", "get_views/ids/" + data.data.id);
                                                }
                                            },
                                            error: function(err) {
                                                console.log("失败了: " + err);
                                            }
                                        });
                                    });
                                    $(".item-x ul li").eq(0).click();

                                }
                            },
                            error: function(err) {
                                console.log("失败了: " + err);
                            }
                        });
                    });
                }
            },
            error: function(err) {
                console.log("失败了: " + err);
            }
        });
    }

    $('#sub').click(function () {

        if(confirm("确定要生成吗？"))
        {
            var tkid = $('#sel2').val();

            if(tkid)
            {
                // console.log(tkid);
                if(ids.length > 0)
                {
                    console.log(ids);
                    var start_num = $('input[name=start_num]').val();
                    var end_num = $('input[name=end_num]').val();
                    // console.log(start_num);
                    // console.log(end_num);
                    // console.log(total);
                    if(start_num > total || end_num > total || start_num <= 0 || end_num <= 0 || Number(end_num) < Number(start_num))
                    {
                        alert('请填写正确的数字');
                        return;
                    }

                    var desc = $('#describe').val();
                    var other_url = $('#other_url').val();
                    var other_url2 = $('#other_url2').val();
                    var other_url3 = $('#other_url3').val();
                    var other_name = $('#other_name').val();
                    var other_name2 = $('#other_name2').val();
                    var other_name3 = $('#other_name3').val();
                    var idss = '';
                    for (var i = 0; i < ids.length; i++)
                    {
                        if(i >= (start_num-1) && i <= (end_num-1))
                        {
                            idss += ids[i] + ',';
                        }
                    }
                    $('#loadimg').show();
                    $.ajax({
                        url:"exam/question/fptk",
                        method: 'post',
                        data: { 'describe': desc , 'ids': idss ,'tkid': tkid ,'other_url': other_url ,'other_url2': other_url2 ,'other_url3': other_url3 , 'other_name': other_name, 'other_name2': other_name2, 'other_name3': other_name3 },
                        success:function(data) {
                            if(data.code == 100)
                            {
                                $('#loadimg').hide();
                                alert('分配成功！');
                                setTimeout(function(){
                                    location.reload();
                                }, 300);
                            }

                        },
                        error: function(err) {
                            console.log("失败了: " + err);
                        }
                    });

                    return;
                }
                alert('请选择试题');
                return;
            }
            alert('请选择题库');
            return;
        }
    });

    $('#subm').click(function () {
        $('#aler').show();
    });
    $('#dell').click(function () {
        $('#aler').hide();
    });
    $('#submm').click(function () {
        if(confirm("确定要生成吗？"))
        {
            var tkid = $('#sel2').val();

            if(tkid)
            {
                // console.log(tkid);
                if(ids.length > 0)
                {
                    var shu_num = $('#shu').val();
                    var qid = $('#del').attr('data-id');

                    if(shu_num < 0)
                    {
                        alert('请填写正确的数字');
                        return;
                    }
                    var desc = $('#describe').val();
                    var other_url = $('#other_url').val();
                    var other_url2 = $('#other_url2').val();
                    var other_url3 = $('#other_url3').val();
                    var other_name = $('#other_name').val();
                    var other_name2 = $('#other_name2').val();
                    var other_name3 = $('#other_name3').val();

                    $('#loadimg').show();
                    $.ajax({
                        url:"exam/question/sjfp",
                        method: 'post',
                        data: { 'describe': desc , 'qid': qid , 'shu_num': shu_num , 'tkid': tkid , 'other_url': other_url, 'other_url2': other_url2, 'other_url3': other_url3, 'other_name': other_name, 'other_name2': other_name2, 'other_name3': other_name3 },
                        success:function(data) {
                            if(data.code == 100)
                            {
                                $('#loadimg').hide();
                                $('#aler').hide();
                                alert('分配成功！');
                                setTimeout(function(){
                                    location.reload();
                                }, 300);
                            }

                        },
                        error: function(err) {
                            console.log("失败了: " + err);
                        }
                    });

                    return;
                }
                alert('请选择试题');
                $('#aler').hide();
                return;
            }
            alert('请选择题库');
            $('#aler').hide();
            return;
        }
    });
    $('#subb').click(function () {
        if(confirm("确定要保存吗？"))
        {
            var qid = $('#del').attr('data-id');
            var desc = $('#describe').val();
            var other_url = $('#other_url').val();
            var other_url2 = $('#other_url2').val();
            var other_url3 = $('#other_url3').val();
            var other_name = $('#other_name').val();
            var other_name2 = $('#other_name2').val();
            var other_name3 = $('#other_name3').val();

            $('#loadimg').show();
            $.ajax({
                url:"exam/question/subb",
                method: 'post',
                data: { 'describe': desc, 'qid': qid, 'other_url': other_url, 'other_url2': other_url2, 'other_url3': other_url3, 'other_name': other_name, 'other_name2': other_name2, 'other_name3': other_name3 },
                success:function(data) {
                    if(data.code == 100)
                    {
                        $('#loadimg').hide();
                        alert('保存成功！');
                        // setTimeout(function(){
                        //     location.reload();
                        // }, 300);
                    }

                },
                error: function(err) {
                    console.log("失败了: " + err);
                }
            });
        }
    });
    $('#del').click(function () {
        if(confirm("确定要删除吗？"))
        {
            var del_id = $('#del').attr('data-id');
            $.ajax({
                url:"exam/question/qdel",
                method: 'post',
                data: { 'del_id': del_id },
                success:function(data) {
                    if(data.code == 100)
                    {
                        var cid = data.data.cate_id;
                        $('#loading').show();
                        $('#del').hide();
                        $.ajax({
                            url:"exam/question/get_question",
                            method: 'post',
                            data: { 'cid': cid },
                            success:function(data) {

                                $(".loading").hide();
                                if (data.code == 101)
                                {
                                    var html = `<p>暂无数据</p>`;
                                    $('#item-x').html(html);
                                    $('#num').html(data.num);
                                    $('#describe').val('');
                                    $('#other_url').val('');
                                    $('#other_url2').val('');
                                    $('#other_url3').val('');
                                    $('#other_name').val('');
                                    $('#other_name2').val('');
                                    $('#other_name3').val('');
                                    $('#text1').html('');
                                    $('#text2').html('');
                                    $("#myFrame").attr("src","");

                                }
                                else if (data.code == 100)
                                {
                                    var list = data.data;
                                    // console.log(list);
                                    var html = `<div><ul>`;
                                    for (var i = 0; i < list.length; i++)
                                    {
                                        ids[i] = list[i].id;
                                        html += `<li data-id="` + list[i].id + `"> ` + list[i].name + `</li>`;
                                    }
                                    html += `</ul></div>`;
                                    // console.log(html);
                                    $('#item-x').html(html);
                                    $('#num').html(data.num);
                                    total = data.num;
                                    $('#describe').val('');
                                    $('#other_url').val('');
                                    $('#other_url2').val('');
                                    $('#other_url3').val('');
                                    $('#other_name').val('');
                                    $('#other_name2').val('');
                                    $('#other_name3').val('');
                                    $('#text1').html('');
                                    $('#text2').html('');
                                    $("#myFrame").attr("src","");
                                    $('.item-x ul li').click(function () {
                                        if($(this).prev().length == 0)
                                        {
                                            $('#prev').attr('disabled',true);
                                            $('#prev').css('color','#ccc');
                                        }
                                        else
                                        {
                                            $('#prev').attr('disabled',false);
                                            $('#prev').css('color','#000');
                                        }
                                        if($(this).next().length == 0)
                                        {
                                            $('#next').attr('disabled',true);
                                            $('#next').css('color','#ccc');
                                        }
                                        else
                                        {
                                            $('#next').attr('disabled',false);
                                            $('#next').css('color','#000');
                                        }
                                        $(this).parent().children().css('background-color','#ffffff');
                                        $(this).css('background-color','#cccccc');
                                        var qid = $(this).attr('data-id');
                                        $('.loading2').show();
                                        $('#del').attr('data-id',qid);
                                        $('#describe').val('正常努力加载中……');
                                        $('#other_url').val('正常努力加载中……');
                                        $('#other_url2').val('正常努力加载中……');
                                        $('#other_url3').val('正常努力加载中……');
                                        $('#other_name').val('正常努力加载中……');
                                        $('#other_name2').val('正常努力加载中……');
                                        $('#other_name3').val('正常努力加载中……');
                                        $.ajax({
                                            url:"exam/question/get_view",
                                            method: 'post',
                                            data: { 'qid': qid },
                                            success:function(data) {
                                                // console.log(data);
                                                if(data.code == 100)
                                                {
                                                    $('.loading2').hide();
                                                    $('#describe').val(data.data.describe);
                                                    $('#other_url').val(data.data.other_url);
                                                    $('#other_url2').val(data.data.other_url2);
                                                    $('#other_url3').val(data.data.other_url3);
                                                    $('#other_name').val(data.data.other_name);
                                                    $('#other_name2').val(data.data.other_name2);
                                                    $('#other_name3').val(data.data.other_name3);
                                                    $('#text1').html(data.data.kind);
                                                    $('#text2').html(data.data.difficulty);
                                                    $('#q_id').html(data.data.id);
                                                    $('#del').show();
                                                    $("#myFrame").attr("src", "get_views/ids/" + data.data.id);
                                                }
                                            },
                                            error: function(err) {
                                                console.log("失败了: " + err);
                                            }
                                        });
                                    });
                                    $(".item-x ul li").eq(0).click();

                                }
                            },
                            error: function(err) {
                                console.log("失败了: " + err);
                            }
                        });
                        alert('删除成功！');
                    }

                },
                error: function(err) {
                    console.log("失败了: " + err);
                }
            });
        }
    });


</script>
<style>
    body {
        background-color: #f2f2f2;
    }
    .all {
        display: flex;
    }
    .left {
        flex: 0.6;
    }
    .moddle {
        flex: 1;
    }
    .right {
        flex: 1;
    }
    .item-s select {
        width: 32rem;
        height: 3rem;
        margin-top: 1.25rem;
        margin-left: 1.25rem;
    }
    .item-x {
        height: 50rem;
        overflow-x: hidden;
        overflow-y: scroll;
        width: 32rem;
        background-color: white;
        border: 1px black solid;
        margin-top: 2rem;
        margin-left: 1.25rem;
    }
    .item-x ul {
        list-style-type: none;
        padding-left: 0;
    }
    .item-x ul li{
        padding-left: 1rem;
        cursor: pointer;
    }
    .item-x9 {
        height: 71rem;
        overflow-x: hidden;
        overflow-y: scroll;
        width: 32rem;
        background-color: white;
        border: 1px black solid;
        margin-top: 2rem;
        margin-left: 1.25rem;
    }
    .item-x9 ul {
        list-style-type: none;
        padding-left: 0;
    }
    .item-x9 ul li{
        padding-left: 1rem;
        cursor: pointer;
        margin-top: 1px;
    }
    .item-m {
        width: 51rem;
        height: 85rem;
        border: #999 solid 1px;
        margin-top: 1.25rem;
        padding-top: 4rem;
    }
    .moddle text {
        margin-left: 2.5rem;
        color: red;
    }
    .timu {
        width: 50rem;
        height: 73rem;
        margin: auto;
        margin-top: 2rem;
        background-color: white;
    }
    .wenzi {
        background-color: #f2f2f2;
        font-weight: 500;
        font-size: 1.1rem;
        margin-top: -2.8rem;
        margin-bottom: 1.25rem;
        width: 50rem;
        margin-left: 0.6rem;
    }
    .one {
        margin-top: 1.25rem;
        width: 32rem;
        height: 18.125rem;
        border: #999 solid 1px;
    }
    .two-item-o {
        background-color: #f2f2f2;
        margin-top: -0.625rem;
        width: 12.5rem;
        margin-left: 0.625rem;
    }
    .two {
        margin-top: 2.5rem;
        width: 32rem;
        height: 18.125rem;
        border: #999 solid 1px;
    }
    .two-item-t {
        color: blue;
        margin-top: 1.25rem;
        margin-left: 1.9rem;
    }
    .three {
        margin-top: 2.5rem;
        width: 32rem;
        height: 16.25rem;
        border: #999 solid 1px;
    }
    .th-item-o {
        background-color: #f2f2f2;
        margin-top: -0.625rem;
        width: 16.25rem;
        margin-left: 0.6rem;
    }
    .th-item-t {
        margin-top: 1.25rem;
        margin-left: 1.9rem;
    }
    .th-item-t select {
        width: 13.75rem;
        height: 2.2rem;
    }
    .th-item-f {
        background-color: #f2f2f2;
        margin-top: -0.625rem;
        width: 15.625rem;
        margin-left: 0.625rem;
    }
    .four {
        margin-top: 3.5rem;
        width: 32rem;
        height: 25rem;
        border: #999 solid 1px;
    }
    .f-i-o {
        margin-top: 1.9rem;
        margin-left: 1.25rem;
        display: flex;
        justify-content: space-between;
        width: 26.875rem;
    }
    .o-t {
        color: blue;
        width: 13.75rem;
        text-align: center;
    }
    .o-t-f {
        width: 13.75rem;
        text-align: center;
        border: #999 solid 1px;
        background-color: white;
    }
    .o-t-s select {
        width: 19.375rem;
        text-align: center;
        height: 2.2rem;
        background-color: white;
    }
    .btna button {
        width: 7.25rem;
        height: 2.5rem;
        margin-left: 8rem;
        margin-top: 2.25rem;
        display: inline-block;
    }

</style>